<template>
  <div id="pro-list">
    <list-item v-for="item in proList" :product = 'item' :key='item' ></list-item>
    <div class="no-more">
      <span>
        更多产品上架中，敬请期待
      </span>
      </div>
  </div>
</template>

<script>
import ListItem from './productListitem'
  export default {
    name: 'list',
    components: {
      ListItem
    },
    props: ['proList'],
    data () {
      return {
      }
    }
  }
</script>

<style lang="scss">
  #pro-list{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    .no-more{
      font-size:26px; /*px*/
      color: #b3b3b3;
      height: 3rem;
      span{
        line-height: 3rem;
      }
    }
  }

</style>